<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../css/stylesite.css" medial="all" />
<link rel="stylesheet" type="text/css" href="../css/styleleft.css" medial="all" />
<link rel="stylesheet" type="text/css" href="../css/style.css" medial="all" />
	<script src="../js/jquery-1.8.2.min.js" ></script>
	<script src="../js/jquery.validate.js"></script>
	<script src="../js/messages_vi.js"></script>
	<script src="js/image.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(function(){
		$(".button a").click(function(){
		$(this).parent().addClass('current');
		$(this).siblings().removeClass('current');
		});
		});
	</script>
		<script src="../js/cloud-zoom.1.0.2.min.js"></script>
	<script type="text/javascript">
		function  setName()
		{
		var text=document.getElementById('txtHoTen').value;
		  document.getElementById('txtHoTenNhan').value=text;
		}
		function  setAdd()
		{
			var text=document.getElementById('txtAdd').value;
	
		  document.getElementById('txtAddNhan').value=text;
		}
	</script>
	 <script type="text/javascript">
         
		$(document).ready(function(){
        $("#cus-info").validate({
            errorElement: "span", // Định dạng cho thẻ HTML hiện thông báo lỗi
            rules: {
                cpassword: {
                    equalTo: "#password" // So sánh trường cpassword với trường có id là password
                }
            }
        });
    });
		 $(function (){
				$(".input-info").hide();
				$("#next").click(function(){
				$(".new-login").hide();
				$(".input-info").slideToggle();
				
				});
				}); 
	
        </script>    
<title>Untitled Document</title>
</head>

<body class="pagebody">
	<div id="wrapwebsite" >
				<?php 
			include('../element/header.php');?>
			<div class="imagestop"></div>
		<div class="wrapmaincontent">
				<?php
				include('../element/leftside.php');
				?>
				<div class="center-leftmargin">
				<?php if(isset($_SESSION['order']))
				{ $order=$_SESSION['order'];
				?>
					<div class="input-info1">
						<div class="moduletitle"><h2>Nhập thông tin khách hàng</h2></div>
						<div class="modulecontent">
						<form id="cus-info" action="info-order.php" method="post">
							<div class="input-box">
								<label for="txtHoTen">Họ Tên</label>
								<input type="text" name="txtHoTen" id="txtHoTen" class="required" value="<?php echo $order[0];?>"/>
							</div>
							<div class="input-box">
								<label for="txtEmail">Email</label>
								<input type="text" name="txtEmail" id="txtEmail" class="required email" style="float:none;"value="<?php echo $order[1];?>"/>
							</div>
							<div class="input-box">
								<label for="password">Mật Khẩu</label>
								<input type="password" name="password" id="password" class="required" value="<?php echo $order[2];?>"/>
							</div>
							<div class="input-box">
								<label for="cpassword">Nhập lại Mật Khẩu</label>
								<input type="password" name="cpassword" id="cpassword" class="required" value="<?php echo $order[2];?>"/>
							</div>
							<div class="input-box">
								<label for="txtAdd">Địa Chỉ</label>
								<input type="text" name="txtAdd" id="txtAdd" class="required" value="<?php echo $order[3];?>"/>
								<span style="color: #666666; font-size: 13px; font-style: italic;">VD: 13/7 Lê Lợi, phường 10, Gò Vấp, Tp Hcm</span>
								<p class="help-text">Vui lòng nhập chi tiết để hàng được chuyển nhanh chóng và chính xác đến bạn </p>
							</div>
							<div class="input-box">
								<label for="txtPhone">Điện thoại liên hệ</label>
								<input type="text" name="txtPhone" id="txtPhone" class="required digits" minlength="9" maxlength="11" value="<?php echo $order[4];?>"/>
								<p class="help-text">Dùng để xác nhận đơn hàng và liên lạc khi giao hàng (VD 0862554250 hoặc 0987678678 ) </p>
							</div>
							
							<div class="input-box">
								<label for="txtHoTenNhan">Họ Tên Người nhận</label>
								<input type="text" name="txtHoTenNhan" id="txtHoTenNhan" class="required" value="<?php echo $order[5];?>"/>
								<input type="checkbox" style="width:15px; height:10px;" onClick="setName();" />
								<span style="color: #666666; font-size: 13px; font-style: italic;"> Giống tên người mua</span>
								<p class="help-text">Nhập thông tin này nếu người nhận không phải là người mua hàng  </p>
							</div>
							<div class="input-box">
								<label for="txtAddNhan">Địa chỉ nhận hàng</label>
								<input type="text" id="txtAddNhan" name="txtAddNhan" class="required" value="<?php echo $order[6];?>"/>
								<input type="checkbox" style="width:15px; height:10px;" onClick="setAdd();" />
								<span style="color: #666666; font-size: 13px; font-style: italic;"> Giống địa chỉ người mua</span>
								<p class="help-text">Nhập thông tin để chuyển hàng nếu người nhận khác người mua </p>
								
							</div>
							<div class="input-box">
							<label for="content">Mô tả thêm:</label>
							<textarea id="content" name="content"  style="width:366px; height:130px"  title="Nội dung" onFocus="InputFocus('Nội dung', this);" onBlur="InputBlur('Nội dung', this);"><?php echo $order[7];?></textarea>
							<p class="help-text">Bạn có thể mô tả thêm những thông tin như chữ trên bánh sinh nhật, hoặc màu sắc của chữ... </p>
							</div>
							<div class="input-box box1">
							<label for="paymentmethod" style="width:600px;">Chọn hình thức thanh toán:</label>
							<div class="option" style="clear: both;  float: left; padding-left: 140px;">
							<?php include('order_model.php');
							$pms=getPaymentMethod();
							
							foreach ($pms as $pm)
							{
							  echo "<input type='radio' class ='required' id='paymentmethod' name='paymentmethod' value='$pm[0]' style='height: 10px; width: 20px;'>  $pm[1]<br>";
							}
							?></div>
							</div>
						
							<div class="input-box" style="float: left; padding-top: 17px;">
							<div class="bank">
							<?php
								echo 'Chọn ngân hàng';
								$banks=getBank();
								echo "<select name='bank'>";
								foreach ($banks as $bank)
								{
								echo "<option value=$bank[0]>$bank[1]</option>";
								}
								echo '</select>';
							 ?>
							</div>
							<p class="help-text">Chọn ngân hàng bạn muốn thanh toán nếu chọn hình thưc thanh toán qua ATM </p>
							</div>
								<div class="input-box">
								
								<input type="submit" name="submit" id="submit" value="Tiếp Tục" class="submit" />
							</div>
							</form>
						</div>
					</div> 
				<?php }
				else
				if (isset($_SESSION['user'])&& $_SESSION['user']!="null")
				{
					if( $_SESSION['user'][5]>0)
					{ include('order_model.php');
					$cus=getCustomerById($_SESSION['user'][5]);
					?>
					<div class="input-info2">
						<div class="moduletitle"><h2>Nhập thông tin khách hàng</h2></div>
						<div class="modulecontent">
						<form id="cus-info" action="info-order.php" method="post">
							<div class="input-box">
								<label for="txtHoTen">Họ Tên</label>
								<input type="text" name="txtHoTen" id="txtHoTen" class="required" value="<?php echo $cus[1];?>"/>
							</div>
							<div class="input-box">
								
							<input type="hidden" name="txtEmail" id="txtEmail" class="required email" style="float:none;"value="<?php echo $_SESSION['user'][3]?>"/>
							</div>
							<div class="input-box">
								
								<input type="hidden" name="password" id="password" class="required" value="<?php echo $_SESSION['user'][2]?>"/>
							</div>
							
							<div class="input-box">
								<label for="txtAdd">Địa Chỉ</label>
								<input type="text" name="txtAdd" id="txtAdd" class="required" value="<?php echo $cus[2];?>"/>
								<span style="color: #666666; font-size: 13px; font-style: italic;">VD: 13/7 Lê Lợi, phường 10, Gò Vấp, Tp Hcm</span>
								<p class="help-text">Vui lòng nhập chi tiết để hàng được chuyển nhanh chóng và chính xác đến bạn </p>
							</div>
							<div class="input-box">
								<label for="txtPhone">Điện thoại liên hệ</label>
								<input type="text" name="txtPhone" id="txtPhone" class="required digits" minlength="9" maxlength="11" value="<?php echo $cus[4];?>"/>
								<p class="help-text">Dùng để xác nhận đơn hàng và liên lạc khi giao hàng (VD 0862554250 hoặc 0987678678 ) </p>
							</div>
							
							<div class="input-box">
								<label for="txtHoTenNhan">Họ Tên Người nhận</label>
								<input type="text" name="txtHoTenNhan" id="txtHoTenNhan" class="required" value=""/>
								<input type="checkbox" style="width:15px; height:10px;" onClick="setName();" />
								<span style="color: #666666; font-size: 13px; font-style: italic;"> Giống tên người mua</span>
								<p class="help-text">Nhập thông tin này nếu người nhận không phải là người mua hàng  </p>
							</div>
							<div class="input-box">
								<label for="txtAddNhan">Địa chỉ nhận hàng</label>
								<input type="text" id="txtAddNhan" name="txtAddNhan" class="required" value=""/>
								<input type="checkbox" style="width:15px; height:10px;" onClick="setAdd();" />
								<span style="color: #666666; font-size: 13px; font-style: italic;"> Giống địa chỉ người mua</span>
								<p class="help-text">Nhập thông tin để chuyển hàng nếu người nhận khác người mua </p>
								
							</div>
							<div class="input-box">
							<label for="content">Mô tả thêm:</label>
							<textarea id="content" name="content"  style="width:366px; height:130px"  title="Nội dung" onFocus="InputFocus('Nội dung', this);" onBlur="InputBlur('Nội dung', this);"></textarea>
							<p class="help-text">Bạn có thể mô tả thêm những thông tin như chữ trên bánh sinh nhật, hoặc màu sắc của chữ... </p>
							</div>
							<div class="input-box box1">
							<label for="paymentmethod" style="width:600px;">Chọn hình thức thanh toán:</label>
							<div class="option" style="clear: both;  float: left; padding-left: 140px;">
							<?php 
							$pms=getPaymentMethod();
							
							foreach ($pms as $pm)
							{
							  echo "<input type='radio' class ='required' id='paymentmethod' name='paymentmethod' value='$pm[0]' style='height: 10px; width: 20px;'>  $pm[1]<br>";
							}
							?></div>
							</div>
						
							<div class="input-box" style="float: left; padding-top: 17px;">
							<div class="bank">
							<?php
								echo 'Chọn ngân hàng';
								$banks=getBank();
								echo "<select name='bank'>";
								foreach ($banks as $bank)
								{
								echo "<option value=$bank[0]>$bank[1]</option>";
								}
								echo '</select>';
							 ?>
							</div>
							<p class="help-text">Chọn ngân hàng bạn muốn thanh toán nếu chọn hình thưc thanh toán qua ATM </p>
							</div>
								<div class="input-box">
								
								<input type="submit" name="submit" id="submit" value="Tiếp Tục" class="submit" />
							</div>
							</form>
						</div>
					</div>
					
					
				   <?php
					}
					else {?>
					<div class="input-info2">
						<div class="moduletitle"><h2>Nhập thông tin khách hàng</h2></div>
						<div class="modulecontent">
						<form id="cus-info" action="info-order.php" method="post">
							<div class="input-box">
								<label for="txtHoTen">Họ Tên</label>
								<input type="text" name="txtHoTen" id="txtHoTen" class="required" value=""/>
							</div>
							<div class="input-box">
								
								<input type="hidden" name="txtEmail" id="txtEmail" class="required email" style="float:none;"value="<?php echo $_SESSION['user'][3]?>"/>
							</div>
							<div class="input-box">
								
								<input type="hidden" name="password" id="password" class="required" value="<?php echo $_SESSION['user'][2]?>"/>
							</div>
							
							<div class="input-box">
								<label for="txtAdd">Địa Chỉ</label>
								<input type="text" name="txtAdd" id="txtAdd" class="required" value=""/>
								<span style="color: #666666; font-size: 13px; font-style: italic;">VD: 13/7 Lê Lợi, phường 10, Gò Vấp, Tp Hcm</span>
								<p class="help-text">Vui lòng nhập chi tiết để hàng được chuyển nhanh chóng và chính xác đến bạn </p>
							</div>
							<div class="input-box">
								<label for="txtPhone">Điện thoại liên hệ</label>
								<input type="text" name="txtPhone" id="txtPhone" class="required digits" minlength="9" maxlength="11" value=""/>
								<p class="help-text">Dùng để xác nhận đơn hàng và liên lạc khi giao hàng (VD 0862554250 hoặc 0987678678 ) </p>
							</div>
							
							<div class="input-box">
								<label for="txtHoTenNhan">Họ Tên Người nhận</label>
								<input type="text" name="txtHoTenNhan" id="txtHoTenNhan" class="required" value=""/>
								<input type="checkbox" style="width:15px; height:10px;" onClick="setName();" />
								<span style="color: #666666; font-size: 13px; font-style: italic;"> Giống tên người mua</span>
								<p class="help-text">Nhập thông tin này nếu người nhận không phải là người mua hàng  </p>
							</div>
							<div class="input-box">
								<label for="txtAddNhan">Địa chỉ nhận hàng</label>
								<input type="text" id="txtAddNhan" name="txtAddNhan" class="required" value=""/>
								<input type="checkbox" style="width:15px; height:10px;" onClick="setAdd();" />
								<span style="color: #666666; font-size: 13px; font-style: italic;"> Giống địa chỉ người mua</span>
								<p class="help-text">Nhập thông tin để chuyển hàng nếu người nhận khác người mua </p>
								
							</div>
							<div class="input-box">
							<label for="content">Mô tả thêm:</label>
							<textarea id="content" name="content"  style="width:366px; height:130px"  title="Nội dung" onFocus="InputFocus('Nội dung', this);" onBlur="InputBlur('Nội dung', this);"></textarea>
							<p class="help-text">Bạn có thể mô tả thêm những thông tin như chữ trên bánh sinh nhật, hoặc màu sắc của chữ... </p>
							</div>
							<div class="input-box box1">
							<label for="paymentmethod" style="width:600px;">Chọn hình thức thanh toán:</label>
							<div class="option" style="clear: both;  float: left; padding-left: 140px;">
							<?php include('order_model.php');
							$pms=getPaymentMethod();
							
							foreach ($pms as $pm)
							{
							  echo "<input type='radio' class ='required' id='paymentmethod' name='paymentmethod' value='$pm[0]' style='height: 10px; width: 20px;'>  $pm[1]<br>";
							}
							?></div>
							</div>
						
							<div class="input-box" style="float: left; padding-top: 17px;">
							<div class="bank">
							<?php
								echo 'Chọn ngân hàng';
								$banks=getBank();
								echo "<select name='bank'>";
								foreach ($banks as $bank)
								{
								echo "<option value=$bank[0]>$bank[1]</option>";
								}
								echo '</select>';
							 ?>
							</div>
							<p class="help-text">Chọn ngân hàng bạn muốn thanh toán nếu chọn hình thưc thanh toán qua ATM </p>
							</div>
								<div class="input-box">
								
								<input type="submit" name="submit" id="submit" value="Tiếp Tục" class="submit" />
							</div>
							</form>
						</div>
					</div>
					
					<?php
					}
				}
				else
				{?>
				
					<div class="new-login">
		<div class="moduletitle"><h2>Khách hàng mới/Login</h2></div>
		<div class="modulecontent">
		<div class="rowsetting">
		<div class="col1">
			<h2>Lần đầu tiên mua hàng? </h2>
			<strong>Click "Tiếp tục thanh toán" để đến bước tiếp theo</strong><br>
			<ul class="disc">
				<li>Thông tin tài khoản sẽ tự động được tạo trong quá trình thanh toán</li>
				<li>Bạn có thể tạo mật khẩu để kiểm tra đơn hàng theo cách tiết kiệm thời gian trong lần mua tới</li>
				</ul>
		</div>
		<div class="col2">
			<h2>Đã là khách hàng của cfShop</h2>
			<form id="login-form" method="post" action="../User/c_user.php">
			<p>
				<strong>Vui lòng đăng nhập để mua hàng nhanh chóng.</strong>
			<a href=""> Click vào đây nếu bạn quên mật khẩu</a>
			</p>
			<ul class="form-list">
				<li>
				<div class="input-box">
				<label for="login-email">Email </label>
				<input id="Email" name="Email" class="input-text required-entry validate-email" type="text" value="" name="login[username]">
				</div>
				</li>
				<li>
				<div class="input-box">
				<label for="login-password">Mật khẩu</label>
				<input id="pass" name="pass" class="input-text required-entry" type="password" name="login[password]">
				</div>
				</li></ul>
		</div>
		</div>
		<div class="rowsetting row2">
		<a  id="next" href="#">Tiếp tục thanh toán</a>
		<input type="submit" name="loginByEmail" value="Đăng Nhập"/></form>
		</div>
		</div>
		</div>
					<div class="input-info">
						<div class="moduletitle"><h2>Nhập thông tin khách hàng</h2></div>
						<div class="modulecontent">
						<form id="cus-info" action="info-order.php" method="post">
							<div class="input-box">
								<label for="txtHoTen">Họ Tên</label>
								<input type="text" name="txtHoTen" id="txtHoTen" class="required"/>
							</div>
							<div class="input-box">
								<label for="txtEmail">Email</label>
								<input type="text" name="txtEmail" id="txtEmail" class="required email" style="float:none;"/>
							</div>
							<div class="input-box">
								<label for="password">Mật Khẩu</label>
								<input type="password" name="password" id="password" class="required"/>
							</div>
							<div class="input-box">
								<label for="cpassword">Nhập lại Mật Khẩu</label>
								<input type="password" name="cpassword" id="cpassword" class="required" />
							</div>
							<div class="input-box">
								<label for="txtAdd">Địa Chỉ</label>
								<input type="text" name="txtAdd" id="txtAdd" class="required"/>
								<span style="color: #666666; font-size: 13px; font-style: italic;">VD: 13/7 Lê Lợi, phường 10, Gò Vấp, Tp Hcm</span>
								<p class="help-text">Vui lòng nhập chi tiết để hàng được chuyển nhanh chóng và chính xác đến bạn </p>
							</div>
							<div class="input-box">
								<label for="txtPhone">Điện thoại liên hệ</label>
								<input type="text" name="txtPhone" id="txtPhone" class="required digits" minlength="9" maxlength="11"/>
								<p class="help-text">Dùng để xác nhận đơn hàng và liên lạc khi giao hàng (VD 0862554250 hoặc 0987678678 ) </p>
							</div>
							
							<div class="input-box">
								<label for="txtHoTenNhan">Họ Tên Người nhận</label>
								<input type="text" name="txtHoTenNhan" id="txtHoTenNhan" class="required"/>
								<input type="checkbox" style="width:15px; height:10px;" onClick="setName();" />
								<span style="color: #666666; font-size: 13px; font-style: italic;"> Giống tên người mua</span>
								<p class="help-text">Nhập thông tin này nếu người nhận không phải là người mua hàng  </p>
							</div>
							<div class="input-box">
								<label for="txtAddNhan">Địa chỉ nhận hàng</label>
								<input type="text" id="txtAddNhan" name="txtAddNhan" class="required"/>
								<input type="checkbox" style="width:15px; height:10px;" onClick="setAdd();" />
								<span style="color: #666666; font-size: 13px; font-style: italic;"> Giống địa chỉ người mua</span>
								<p class="help-text">Nhập thông tin để chuyển hàng nếu người nhận khác người mua </p>
								
							</div>
							<div class="input-box">
							<label for="content">Mô tả thêm:</label>
							<textarea id="content" name="content"  style="width:366px; height:130px"  title="Nội dung" onFocus="InputFocus('Nội dung', this);" onBlur="InputBlur('Nội dung', this);"></textarea>
							<p class="help-text">Bạn có thể mô tả thêm những thông tin như chữ trên bánh sinh nhật, hoặc màu sắc của chữ... </p>
							</div>
							<div class="input-box box1">
							<label for="paymentmethod" style="width:600px;">Chọn hình thức thanh toán:</label>
							<div class="option" style="clear: both;  float: left; padding-left: 140px;">
							<?php include('order_model.php');
							$pms=getPaymentMethod();
							
							foreach ($pms as $pm)
							{
							  echo "<input type='radio' class ='required' id='paymentmethod' name='paymentmethod' value='$pm[0]' style='height: 10px; width: 20px;'>  $pm[1]<br>";
							}
							?></div>
							</div>
						
							<div class="input-box" style="float: left; padding-top: 17px;">
							<div class="bank">
							<?php
								echo 'Chọn ngân hàng';
								$banks=getBank();
								echo "<select name='bank'>";
								foreach ($banks as $bank)
								{
								echo "<option value=$bank[0]>$bank[1]</option>";
								}
								echo '</select>';
							 ?>
							</div>
							<p class="help-text">Chọn ngân hàng bạn muốn thanh toán nếu chọn hình thưc thanh toán qua ATM </p>
							</div>
								<div class="input-box">
								
								<input type="submit" name="submit" id="submit" value="Tiếp Tục" class="submit" />
							</div>
							</form>
						</div>
					</div>
       			<?php } ?>
	 		  </div>  
			    
		</div>
		
		
		<?php include('../element/footer.php'); ?>
</div>
</body>
</html>
